<script setup lang="ts">
import type { tableBarProps } from '@/components/index'
import Tablebar from '@/components/Tablebar.vue'
import BottomBox from '@/components/BottomBox.vue'
const tablebarList: tableBarProps = [{
  text: '系统学习',
}, {
  text: '最新更新',
}, {
  text: '话题讨论',
}, {
  text: '签到打卡',
}, {
  text: '订阅会员',
}, {
  text: '在线文档',
}]
</script>
<template>
  <div class="bg-slate-50 min-h-full box-border lg:pl-24 lg:pr-24 ">
    <Tablebar :tablebarList="tablebarList"></Tablebar>
    <router-view></router-view>
  </div>
  <BottomBox></BottomBox>
</template>

<style scoped>

</style>
